/**************************************/
/*************[公用start]**************/
/**************************************/



div.clear{
	clear: both;
	height: 0;
	width: 0;
}




a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}
.tver{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/

	overflow: hidden;
}

.img-box img{
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a{
	position:relative;
	padding-bottom: 100%;
	overflow:hidden;
	display: block;
}

.imgbox_a>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.imgbox_hover>img{
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}
.imgbox_hover:hover>img{
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/header-bg.png);
	height: 94px;
	/*padding-bottom: 1px;*/
}


.logo{
	width: 487px;
	margin-left: 60px;
	margin-top: 18px;
}
.logo a,.logo img{
	display: block;
	width: 100%;
}

.menu{
	width: 94px;
	height: 93px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/menu.png);
	cursor: pointer;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.search{
	width: 94px;
	
	border-left: 1px solid rgba(255,255,255,0.2);
}
.search>a{
	display: block;
	height: 93px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/wen1.png);
	cursor: pointer;
}

.nav ul{
	margin:0;
}

.nav>ul>li{
	float: left;
	padding: 0	25px;

}

.nav>ul>li>a{
	display: block;
	height: 94px;
	line-height: 94px;
	font-size:14px;
	color: #fff; 
	position: relative;
}



.nav>ul>li>a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    background-color: #fff;
    bottom: 0px;
    right: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.nav>ul>li:hover>a,.nav>ul>li.cur>a{
	font-weight: bold;
}

.nav>ul>li:hover>a:after,.nav>ul>li.cur>a:after {
    width: 100%;
    right: auto;
    left: 0;
}





/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{

}

.loading {
    background-image: url(../images/load.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1500;
}

.section {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  overflow: hidden;
	background-color: #fff;
}

.section.section3 .fp-tableCell{
	position: relative;
	z-index: 25;
}

.section3-gege{
	position: absolute;
	z-index: 15;
	background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(../images/section-bg3.png);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}










.section.fp-auto-height{
	overflow: visible;
}
.section-table{
	display: table;
	width: 100%;height: 100%;
}


.section-table-cell{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.banner,.fafa,.fafa .slides,.fafa .slides>li{
	height: 100%;
}
.fafa .slides>li{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center ;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.fafa .slides>li img{
	display: none;
}
.fafa .flex-control-nav{
	bottom:40px;
	height: 0;
}
.fafa .flex-control-nav li{
	margin:0 8px;
}

.fafa .flex-control-paging li a{
	width: 13px;
	height: 13px;
	transition: .3s;
}
.index1-dl1{
	font-size: 0;
	line-height: normal;
	text-align: center;
	margin-top: 75px;
}
.index1-dl1 dl{
	margin:0;
	display: inline-block;
	position: relative;
}
.index1-dl1 dl::after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	content:"";
	height: 1px;
	background-color: #dee4ee;
	content:"";
	z-index: 10;
}

.index1-dl1 dd{
	display: inline-block;
	padding: 0 10px 20px;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	position: relative;
	z-index: 25;
}
.index1-dl1 dd+dd{
	margin-left: 10px;
}
.index1-dl1 dd.cur{
	color: #0061ae;
}
.index1-dl1 dd.cur::after{
	position: absolute;
	height: 3px;
	left: 0;
	right: 0;
	bottom: 0;
	content:"";
	background: -webkit-linear-gradient(left, #0062ae , #33d2fb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0062ae, #33d2fb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0062ae, #33d2fb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0062ae , #33d2fb); /* 标准的语法 */
}

.index1-div-wp{
	margin-top: 50px;
	position: relative;
	overflow: hidden;
}
.index1-div-wp .index1-div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	left: -1500%;
}

.index1-div-wp .index1-div.cur{
	position: relative;
	left: 0;
}

.index1-list dl{
	margin:0;
	font-size: 0;
	line-height: normal;
}

.index1-list dd{
	display: inline-block;
	width: 614px;
}

.index1-list dd:first-child{
	margin-left:0!important;
}

.index1-pic .imgbox_a{
	padding-bottom: 56.2%;
	    background-color: #e8e9eb;
}
.index1-list dd h1{
	margin:0;
	font-size: 18px;
	color: #333;
	text-align: center;
	padding: 24px 15px 0;
}
.index1-list dd:hover h1{
	color: #0061ae;
}

.index1-list .mCSB_scrollTools{
	opacity: 1;
}
.index1-list .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.index1-list .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 3px;
	background: -webkit-linear-gradient(left, #0062ae , #33d2fb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0062ae, #33d2fb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0062ae, #33d2fb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0062ae , #33d2fb); /* 标准的语法 */
	margin:0;
}
.index1-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	height: 3px;
	margin:0;
	background-color: #e5eff4;
}
.index1-list .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	height: 3px;
}
.index1-list .mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-bottom: 50px;
}

.section2 .fp-tableCell{
	position: relative;
	z-index: 50;
}

.section2{
	background-color: #000;
}
.index2-2{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
}

.index2-bg-wp{
	height: 100%;
	position: absolute;
	z-index: 15;
	left: 0;
	top: 0;
	width: 100%;
}
.index2-bg-wp::after{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background-image: url(../images/index2-after.png);
	background-repeat: repeat-y;
	background-position: right top;
	content:"";
	z-index: 25;
}
.index2-bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition:opacity .5s;
	z-index: 15;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}

.index2-bg.cur{
	opacity: 1;
	visibility: visible;
}

.index2-1{
	width: 50%;
	position: absolute;
	left: -55px;
	opacity: 0;
	visibility: hidden;
	padding-right: 40px;
	padding-bottom: 100px;
}
.index2-1.cur{
	position: relative;
	left: 0;
	opacity: 1;
	visibility: visible;
	transition: .5s;
}
.index2-1 h2{
	margin:0;
	font-size: 36px;
	color: #fff;
	padding-bottom:35px;
}

.index2-1 h1{
	margin:0;
	font-size: 26px;
	color: #fff;
}

.index2-1 p{
	margin:0;
	font-size: 14px;
	color: #fff;
	line-height: 2;
	margin:35px 0 25px;
	height: 4em;
	overflow: hidden;
}

.more6>a{
	display: block;
	width: 123px;
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	border-radius: 999em;
	text-align: center;
}
.more6>a:hover{
	color: #fff;
	background-color: #109de2;
}
.index2-2-list{
	padding: 0 30px;
	position: relative;
}
.index2-2-list::before{
	content:"";
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 0;
	width: 32px;
	background-color: #fff;
}
.index2-2-list::after{
	content:"";
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 0;
	width: 32px;
	background-color: #fff;
}
.index2-2-list .item{
	padding: 15px 0;
}

.index2-2-ico{
	width: 60px;
	margin:0 auto;
	position: relative;
	z-index: 100;
}
.index2-2-ico img{
	display: block;
	width: 100%;
}

.index2-2-ico img.curImg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
}

.index2-2-item{
	background-color: #fff;
	padding: 25px 0;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 150;
}
.index2-2-item::after{
	z-index: 50;
	content:"";
	position: absolute;
	top:50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	background: -webkit-linear-gradient(left top, #006bb5 , #00c1f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #006bb5, #00c1f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #006bb5, #00c1f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #006bb5 , #00c1f6); /* 标准的语法 */
}
.index2-2-item h1{
	margin:0;
	font-size: 16px;color: #333;
	margin-top: 15px;
	position: relative;
	z-index: 100;
}
.index2-2-list .item.cur .index2-2-ico img{opacity: 0;}
.index2-2-list .item.cur .index2-2-ico img.curImg{opacity: 1;}
.index2-2-list .item.cur .index2-2-item h1{color: #fff;}

.index2-2-list .item.cur .index2-2-item::after{
	top: -15px;
	bottom: -15px;
	left: 0;
	right: 0;
  transition: .3s;
}

.index3-list{margin-top: 100px;min-height: 422px;}

.index3-list .swiper-slide{
    transform: scale(0.7);
    display: inline-block;
    transition: .3s;


}
.index3-item{
	position: relative;
}
.index3-item>img{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
}
.index3-pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 15;
	padding: 16px 14px 16px 13px;
}

.index3-pic .imgbox_a{
	padding-bottom: 62.4%;
}
.index3-list .swiper-slide-active,.index3-list .swiper-slide-duplicate-active {
    transform: scale(1);
    padding-top: 100px;
}








.concon .section4{
	background-color: #fdfdfd;
}




.index4{
	background-repeat: no-repeat;
	background-position: 2% center;
	background-image: url(../images/index4-bg.png);
}
.index4-div{
	margin-top: 70px;
}


.index4-pic{
	width: 679px;
	margin-right: 56px;
}

.index4-pic .imgbox_a{
	padding-bottom: 68.33%;
}

.index4-con{
	overflow: hidden;
}

.index4-list dl{
	margin:0;
}

.index4-list dd+dd{
	margin-top: 23px;
	padding-top: 24px;
	border-top: 1px solid #ececed;
}
.index4-list dd:hover .index4-wen h1{
	color: #0061ae;
}
.index4-list dd:hover .index4-date h1{
	color: #fff;
}
.index4-list dd:hover .index4-date h2{
	color: #fff;
}
.index4-list dd:hover .index4-date {
	background: -webkit-linear-gradient(left top, #006db6 , #00c0f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #006db6, #00c0f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #006db6, #00c0f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #006db6 , #00c0f6); /* 标准的语法（必须放在最后） */
}

.index4-date{
	width: 80px;
	height: 80px;
	margin-right: 21px;
	background-color: #ececed;
	text-align: center;
	border-radius: 4px;
	padding-top: 15px;
}

.index4-date h1{
	margin:0;
	font-size: 30px;
	color: #000;
	line-height: 1;
}

.index4-date h2{
	margin:0;
	font-size: 12px;
	color: #777777;
	margin-top: 7px;
}


.index4-wen{
	overflow: hidden;
	padding-top: 15px;
}

.index4-wen h1{
	margin:0;
	font-size: 18px;
	color: #333;
}


.index4-wen p{
	margin:0;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}


.more5{
	margin-top: 70px;
}

.more5 a{
	display: block;
	width: 122px;
	height: 37px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition: .3s;
	border:1px solid #cecece;
	border-radius: 999em;
	margin:0 auto;
}

.more5 a:hover{
	border-color: #007fc4;
	background-color: #007fc4;
	color: #fff;
}

.index1 .more5{
	margin-top: 30px;
}
.index3 .more5{
	margin-top: 50px;
}

.index3 .more5 a{
	border-color:#fff;
	color: #fff;
}
.index3 .more5 a:hover{
	border-color:#fff;
	background-color: #fff;
	color: #007fc4;
}
/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{

}

.footer-1{
	background-color: #ececed;
	padding: 35px 0;
}


.foo1-title h1{
	margin:0;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.foo1-title h2{
	margin:0;
	font-size: 28px;
	font-weight: bold;
	color: #109de2;
	text-transform: uppercase;
	margin-top: 13px;
}

.footer-1-1-right{
	width: 234px;
	padding-left: 88px;
	position: relative;
	min-height: 30px;
}

.footer-1-1-right span{
	position: absolute;
	line-height: 30px;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #797c8f;
}

.footer-1-1-right dl{
	margin:0;
}

.footer-1-1-right dd{
	float: left;
	width: 32px;
	cursor: pointer;
	position: relative;
}

.footer-1-1-right dd img{
	display: block;
	width: 100%;
}

.footer-1-1-right dd+dd{
	margin-left: 25px;
}
.footer-1-1-right dd:hover .dder{
	display: block;
}
.dder{
	position: absolute;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	bottom: 40px;
	display: none;
}

.footer-1-2{
	margin-top: 30px;
}
.footer-1-2-left{
	width: 460px;
	border-right: 1px solid #c9c9ca;
	padding-right: 78px;
}
.footer-1-2-dl{
	position: relative;
	top: -5px;
}
.footer-1-2-dl dl{
	margin:0;
}

.footer-1-2-dl dd{
	font-size: 16px;
	color: #797c8f;
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 2;
}
.footer-1-2-dl dd+dd{
	margin-top: 5px;
}

.er-wp{
	margin-top: 45px;
}

.er{
	width: 100px;
	font-size: 14px;
	color: #797c8f; 
	text-align: center;
}
.er+.er{
	margin-left: 35px;
}
.er img{
	display: block;
	width: 100%;
	margin-bottom: 14px;
}


.footer-1-2-right{
	overflow: hidden;
}
.footer-1-2-right a:hover{
	color: #109de2;
}
.footer-1-2-right ul{
	margin:0;
}

.footer-1-2-right li{
	float: left;
	padding-left:95px;
}
.footer-1-2-right li h1{
	margin:0;
	font-size: 18px;
	color: #000;
}
.footer-1-2-right dl{
	margin:0;
	padding-top: 10px;
}

.footer-1-2-right dd{
	font-size: 16px;
	color: #797c8f; 
	margin-top: 18px;
}
.footer-1-2-right li:nth-child(3){
	padding-left: 30px;
}

.footer-2{
	background-color: #16213a;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	padding: 13px 0;
}

.footer-2 a:hover{
	color: #109de2;
}

/**************************************************************/
/*footer-over*/





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/
#header-2{
	display: none;
	height: 68px;
	/*border-bottom:0px solid #035cac;*/
	box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1001;
	background-color: #0061ae;
	/*background-color: #0089d0;*/

}
.nav-2{
	display: none;
	background-color: #fff;
	position: relative;
	z-index:900;

}

.nav-2>ul>li{

	border-top: 1px dotted #ccc;
	position: relative;
}

.jiaspan{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia2.png);
	background-repeat: no-repeat;
	background-position: center ;
	top: 5px;

	right: 14px;
}
.jiaspan.cur{
	background-image: url(../images/jia2h.png);

}
.nav-2>ul>li:first-child{
	/*border-top: 0;*/
}
.nav-2>ul>li>a{

	padding:8px 10px;
	display: block;
	font-size: 16px;
	width: 100%;
	color:#333;
	font-family: "anb";
	text-transform: uppercase;

}
.nav-2>ul>li>ul{
	padding-bottom: 10px;
	display: none;
}
.nav-2>ul>li>ul>li>a{
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	padding-left: 25px;
	width: 100%;
	color:#666;
}
/*.downla-2 {
	padding: 5px 0 10px;
	display: none;
}
.downla-2 dd{
	padding-left: 30px;
}
.downla-2 dd a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 0;
	width: auto;
}*/
/*.nav-2 li a:hover{
	color:#1a0d07;
}*/

.nav-2-form{
	padding: 10px;
	position: relative;
}
.nav-2-form input[type="image"]{
	position: absolute;
	right: 19px;
    top: 17px;
    width: 18px;

}

.nav-2-form .form-control{padding-right: 50px;}
.logo-2 {
   font-size: 0;
   width: 140px;
   margin-left: 15px;
   margin-top:13px;
}

.logo-2 img{
	display: block;
	width: 100%;
}


.menu2{

	margin-right: 15px;
	height: 68px;
	font-size: 0;

}
.menu2 li{
	cursor:pointer ;
	margin-left: 15px;
	float: right;
	margin-top: 25px;
}
.menu2 li+li{
	margin-top: 21px;
}
.menu2 li img{
	/*vertical-align: middle;*/


}

.chenggao{
		display: none;
		height:68px;
	}


#nav-2-heidi{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	background-image: url(../images/heidi.png);
	display: none;

}





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/


.banner-2{
	height: 636px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.banner-2 img{
	display: none;
	width: 100%;
}

.erji{
	padding: 60px 0;
}
.title-11{
	text-align: center;
}
.title-11 h1{
	margin:0;
	font-size: 36px;
	color: #000;
}

.title-11 h2{
	margin:0;
	font-size: 16px;
	color: #000;
	line-height: 1.6;
	margin-top: 18px;
}

.title-11.ziBai h1,
.title-11.ziBai h2{
	color: #fff;
}

.anli .row{
	margin-left: -27px;
	margin-right: -27px;
}

.anli .col-md-6{
	padding-left: 27px;
	padding-right: 27px;
}

.anli-item{
	margin-top: 60px;
	border-bottom: 1px solid #cccccc;
}

.anli-pic .imgbox_a{
	padding-bottom: 69.1%;
}

.anli-item h1{
	margin:0;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	padding: 22px 0;
}

.anli-item:hover h1{
	color: #109de2;
}

.fenye{
	margin-top: 60px;
	text-align: center;
}

.fenye ul{
	margin:0;
}

.xinwen-list ul{
	margin:0;
}
.xinwen-list li+li{
	margin-top: 60px;
}
.xinwen-list li{
	background-color: #fff;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.05);
}
.xinwen-pic{
	width: 500px;
}

.xinwen-pic .imgbox_a{
	padding-bottom: 66.8%;
}

.xinwen-con{
	overflow: hidden;
	padding: 15px 60px 0;
}

.xinwen-con h1{
	margin:0;
	font-size: 24px;
	color: #333;
}

.xinwen-con h2{
	margin:0;
	font-size: 14px;
	color: #333;
	margin:25px 0 16px;
}

.xinwen-con p{
	margin:0;
	font-size: 16px;
	color: #666;
	line-height: 2;
	height: 4em;
	overflow: hidden;
}


.more1{
	margin-top: 60px;
}

.more1 a{
	display: block;
	width: 138px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #0f7dc0;
	background-image: url(../images/more1.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding-left: 21px;
	transition: .3s;
}
.xinwen-list li:hover .more1 a{
	color: #fff;
	background-image: url(../images/more1h.png);
}
.xinwen-list li:hover .xinwen-con h1{
	color: #008dcf;
}


.danpian-h1{
	font-size: 28px;
	line-height: 1.6;
	color:#333;
	text-align: center;

}

.danpian-h2{
	font-size: 14px;
	line-height: 1.6;
	color:#999;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 10px 0 15px;

}

.danpian-con{
	font-size: 14px;
	color:#666;
	line-height: 2;
	padding: 20px 0 20px;
}
.danpian-con *{
	font-size: 16px!important;
	color:#666!important;
	line-height: 2!important;
}
.danpian-con img{
	display: block;
	margin:15px auto;
}


.dan-page{
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.dan-a{
	margin-top: 12px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dan-a a{
	font-size: 16px;
	color:#666;
}

.dan-a a:hover{
	color:#008dcf;

}

.jiejue1{
	padding: 60px 0;
}

.jiejue3{
	padding: 60px 0;
}

.more2 a{
	display: block;
	width: 157px;
	height: 45px;
	line-height: 43px;
	border-radius: 999em;
	border:1px solid #cccccc;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin:0 auto;
}

.more2 a:hover{
	background-color:#008dcf;
	border-color:#008dcf;
	color: #fff;
}


.jiejue3 h1{
	margin:0;
	font-size: 52px;
	color: #000;
	text-transform: uppercase;
	line-height: 1.3;
	margin-top: 58px;
	text-align: center;
}

.jiejue3 h2{
	margin:0;
	font-size: 32px;
	color: #000;
	margin-top: 6px;
	text-align: center;
}

.jiejue3 p{
	margin:0;
	font-size: 18px;
	color: #666;
	margin-top: 6px;
	text-align: center;
	line-height: 1.8;
	margin-top: 40px;
}

.jiejue2-pic{
	width: 50%;
	position: relative;
	z-index: 25;
}

.jiejue2-pic .imgbox_a{
	padding-bottom: 58.75%;
}

.jiejue2-pic .imgbox_a::before{
	position: absolute;
	content:"";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/before.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 15;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
}

.jiejue2-pic .imgbox_a::after{
	position: absolute;
	content:"";
	width: 114px;
	height: 114px;
	left: 50%;
	margin-left: -57px;
	margin-top: -57px;
	top: 50%;
	background-image: url(../images/yan.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
	z-index: 25;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
}






.jiejue2-list ul{
	margin:0;
}

.jiejue2-list li{
	position: relative;
}
.jiejue2-list li::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border:1px solid #e6e6e6;
	content:"";
	z-index: 10;
}


.jiejue2-div-wp{
	position: relative;
	overflow: hidden;
	z-index: 25;
}

.jiejue2-div{
	padding-bottom: 58.75%;
}

.jiejue2-con{
	position: absolute;
	width: 68%;
	left: 16%;
	top:50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jiejue2-con h1{
	margin:0;
	font-size: 24px;
	color: #333;
	text-align: center;
}
.line{
	padding: 22px 0 18px;
}
.line img{
	display: block;
	margin:0 auto;
}

.jiejue2-con p{
	margin:0;
	font-size: 14px;
	color: #666;
	line-height: 2.4;
	height: 7.2em;
	overflow: hidden;
}
.more3{
	margin-top: 50px;
	opacity: 0;
	visibility: hidden;
	transition:opacity .3s;
}
.more3 a{
	display: block;
	width: 127px;
	height: 39px;
	line-height: 39px;
	background-image: url(../images/more3.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding-left:26px;
	color: #fff;
	margin:0 auto;
}
.more3 a:hover{
	font-weight: bold;
}

.jiejue2-list li:hover .jiejue2-con h1{color: #0061ae;}
.jiejue2-list li:hover .jiejue2-con .more3{
	opacity: 1;
	visibility: visible;
}
.jiejue2-list li:hover .jiejue2-pic .imgbox_a::before,
.jiejue2-list li:hover .jiejue2-pic .imgbox_a::after{
	opacity: 1;
	visibility: visible;
}

.join{
	/*min-height: 1000px;*/
	background-image: url(../images/join.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.join1{
	margin-top: 60px;
}

.join1-dl dl{
	margin:0;
	margin-left: -2%;
}

.join1-dl dd{
	float: left;
	width: 31.333%;
	margin-left: 2%;
}

.join1-dl dd .imgbox_a{
	padding-bottom: 80%;
	cursor: pointer;
}

.join1-dl dd .imgbox_a::before{
	position: absolute;
	content:"";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/join1-bg1.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 15;
	/*transition: background-image .3s;*/
}

.join1-dl2{
	font-size: 0;
	line-height: normal;
	text-align: center;
}
.join1-dl2 dl{
	margin:0;
	display: inline-block;
}

.join1-dl2 dd{
	float: left;
	padding: 0 25px;
	height: 50px;
	line-height: 48px;
	color: #333;
	border:1px solid #ddd;
	font-size: 16px;
	margin:0 15px;
}
.join1-dl2 dd.cur{
	color: #fff;
	border-color: #0077be;
	background-color: #0077be;
}






.join1-con{
	width: 154px;
	height: 154px;
	position: absolute;
	left: 50%;
	margin-left: -77px;
	top: 50%;
	margin-top: -77px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding-top: 38px;
	border-radius: 50%;
	z-index: 25;
	
}

.join1-ico{
	width: 42px;
	height: 40px;
	margin:0 auto 9px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.join1-ico1{background-image: url(../images/join-ico1.png);}
.join1-ico2{background-image: url(../images/join-ico2.png);}
.join1-ico3{background-image: url(../images/join-ico3.png);}



.join1-dl dd.cur .imgbox_a::before{
	background-image: url(../images/join1-bg2.png);
}
.join1-dl dd.cur .join1-con{
	background-color: #fff;
	color: #0061ad;
}
.join1-dl dd.cur .join1-ico1{background-image: url(../images/join-ico1h.png);}
.join1-dl dd.cur .join1-ico2{background-image: url(../images/join-ico2h.png);}
.join1-dl dd.cur .join1-ico3{background-image: url(../images/join-ico3h.png);}


.join1-div-wp{
	margin-top: 50px;
}

.join1-div-wp .join1-div{display: none;}
.join1-div-wp .join1-div:first-child{display: block;}

.join1-p p{
	margin:0;
}

.join1-p{
	font-size: 16px;
	color: #666;
	line-height: 2.4;
}




.join2{
	margin-top: 80px;
}
.rencai2-list1 .item{
	padding-bottom: 17px;
	position: relative;
}
.rencai2-dd-item{
	border:1px solid #dcdcdc;
	height: 200px;
	position: relative;
	text-align: center;
	padding-top: 43px;
	cursor: pointer;
}
.rencai2-list1 .item::after{
	position: absolute;
	width: 28px;
	height: 19px;
	left: 50%;
	margin-left: -14px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/jiao1.png);
	content:"";
	opacity: 0;
	visibility: hidden;
}
.rencai2-list1 .item.cur .rencai2-dd-item{
	border:2px solid #0077be;
	/*transition: border .3s;*/
}
.rencai2-list1 .item.cur::after{
	opacity: 1;
	visibility: visible;
	/*transition: .3s;*/
}
.rencai2-dd-item img{
	display: block;
	width: 40px!important;
	margin:0 auto;
}

.rencai2-dd-item h1{
	margin:0;
	font-size: 20px;
	color: #0077be;
	margin:18px 0;
}

.rencai2-dd-item h2{
	margin:0;
	font-size: 14px;
	color: #666;
}
.rencai2-con-wp{
	padding: 45px 0 50px;
}
.rencai2-con-wp .rencai2-con{
	display: none;
	min-height: 500px;
}
.rencai2-con-wp .rencai2-con:first-child{
	display: block;
}
.rencai2-con{
	font-size: 16px;
	color: #666;
	line-height: 2.4;
}


.rencai2-list2 dl{
	margin:0;
}

.rencai2-list2 dd{
	padding: 40px 0;

}
.rencai2-list2 dd+dd{
	border-top: 1px solid #ddd;
}
.rencai2-list2 dd .rencai2-dd-item{
	max-width: 320px;
	height: auto;
	padding: 30px 15px;
	border:2px solid #0077be;
}
.rencai2-list2 dd .rencai2-dd-item::after{
	position: absolute;
  width: 28px;
  height: 19px;
  left: 50%;
  margin-left: -14px;
  bottom: -19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/jiao1.png);
  content: "";
}


.chanpin-left{
	width: 234px;
	margin-right: 22px;
}

.chanpin-right{
	overflow: hidden;
}
.chanpin-title{
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/chanpin-bg1.jpg);
}
.chanpin-title1{
	height: 102px;
	padding-left: 18px;
	padding-top: 19px;
}

.chanpin-title2{
	height: 136px;
	padding-left: 25px;
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.chanpin-img{
	margin-top: 5px;
	height: 432px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.chanpin-box{
	padding-top: 70px;
}

.chanpin-right{
	overflow: hidden;
	padding: 30px;
	border:3px solid #007fc4;
}
.chanpin-list{
	position: relative;
}

.chanpin-right-title{
	position: absolute;
	left: 0;
	top: 50px;
	width: 340px;
	
}
.chanpin-right-title-1{
	padding-left:22px;
	border-left: 1px solid #000000;
}
.chanpin-right-title-1 h1{
	margin:0;
	font-size: 22px;
	color: #000;
	font-weight:bold;
	text-transform: uppercase;
}



.chanpin-right-title-1 h2{
	margin:0;
	font-size:18px;
	color: #000;
	margin-top: 10px;
}
.chanpin-right-title-1 p{
	margin:0;
	font-size:14px;
	color: #888;
	margin-top: 10px;
	line-height: 1.8;
	height: 3.6em;
	overflow: hidden;
}

.chanpin-list dl{
	margin:0;
	margin-left: -2.5%;
	margin-top: -2.5%;
}

.chanpin-list dd{
	float: left;
	width: 30.833333%;
	margin-left: 2.5%;
	margin-top: 2.5%;
}

.chanpin-list dd:first-child{
	margin-left: 35.833333%;
}
.chanpin-list dd .imgbox_a{
	padding-bottom: 67.55%;
	background-color:#F2F6F7; 
}
.chanpin-list  a{
	display: block;
}
.chanpin-list  a h1{
	height: 60px;
	line-height: 80px;
	margin:0;
	font-size: 16px;
	color: #000;
	padding: 0	15px;
	z-index: 15;
	text-align: center;
	background-color: #F2F6F7;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.chanpin-list  a:hover h1{
	color: #007fc4;
}
.more4{
	margin-top: 50px;
}

.more4 a{
	display: block;
	width: 123px;
	height: 43px;
	line-height: 41px;
	font-size: 13px;
	color: #2c2c2c;
	text-align: center;
	transition: .3s;
	border:1px solid #b4b4b4;
}

.more4 a:hover{
	border-color: #007fc4;
	background-color: #007fc4;
	color: #fff;
}



.chanpin-list1  .imgbox_a{
	padding-bottom: 85%;
}
.chanpin-list1  .imgbox_a h1{
	position: absolute;
	left: 0;
	right: 0;
	top: 22px;
	margin:0;
	font-size: 16px;
	color: #000;
	padding: 0	15px;
	z-index: 15;
	text-align: center;
}
.chanpin-list1 .col-sm-6{
	/*color: #007fc4;*/
	margin-top: 30px;
}

.chanpin-list1{
	padding-top: 25px;
}







#menu{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	z-index: 180000;
	background-image: url(../images/menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
#menu.active{
	opacity: 1;
	visibility: visible;
}



#menu-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	cursor: pointer;
	z-index: 80;
	background-color: #fff;
}

#menu-close img{
	display: block;
	width: 100%;
}
.menu-list{
	height: 100%;
	position: relative;
	z-index: 50;
}

.menu-list-li{
	float: left;
	width: 16.66666667%;
	height: 100%;
	border-left: 1px solid #ebebeb;
	background-color: #fff;
	/*transition: .3s;*/

}

.menu-list-li:first-child{
	border-left: 0;
}

.menu-list-li:hover{
	background-color: transparent;
	/*background-image: url(../images/heidi2.png);*/
}


.li1-img img{
	display: block;
	margin:0 auto;
}

.li1{
	transition: .3s;
	margin-top: 340px;
	position: relative;
	top: 0;
}
.li1-img {
	position: relative;
	
}

.li1-img:after{
	content:"";
	position: absolute;
	width: 1px;
	height: 0px;
	background-color: #fff;
	left: 50%;
	top: -98px;
	transition: .3s;
	z-index: 8000;
}


.li2-wp{
	margin-top: 70px;
}

.li2{
	text-align: center;
	
}

.li2 h1{
	font-size: 24px;
	color:#333;
	font-weight: bold;
	/*transition: .3s;*/
}
.li2 dl{
	padding-top: 10px;
}
.li2 dd{
	font-size: 16px;
	color:#666;
	margin-top: 16px;
	/*transition: .3s;*/
}

.li2 dd:hover {
	/*padding-left: 5px;*/
}
.li2 dd:first-child{
	/*margin-top: 60px;*/
}
.menu-list-li:hover .li1-img:after{
	height: 62px;
}
.menu-list-li:hover .li1{
	/*margin-top: 310px;*/
	top: -30px;
}


.menu-list-li:hover .li2 h1,.menu-list-li:hover .li2 dd{
	color:#fff;
}